
.top {
	width: 200px;
	height: 100px;
	background: skyblue;
}
.bottom {
	width: 200px;
	height: 100px;
	background: orangered;
	
	/* 隐藏元素 */
	display: none;
}

.box {
	width: 200px;
}

/* 空格  后代选择器： 选择元素里面的元素
 			选	择当前元素下面的 儿子、孙子、曾孙子...
 * */
.box:hover .bottom {
	display: block;
}

